// 背景图片
bg-image($url)
  background-image: url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url + "@3x.png")
    background-repeat: no-repeat;

// 不换行
no-wrap()
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap

// 扩展点击区域
extend-click()
  position: relative
  &:before
    content: ''
    position: absolute
    top: -10px
    left: -10px
    right: -10px
    bottom: -10px
//加载组件
loading()
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
//star组件
star()
    width: 50px;
    display: inline-block;
    height: 10px;
    position: relative;
    overflow: hidden;
    .star-icon
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        height: 10px;
        background: url('./star.png');
        background-size: 10px 10px;
//滑动组件
 slider()
    .slider-enter-active, .slider-leave-active 
        transition: all 400ms
    .slider-enter, .slider-leave-to 
        transform: translate3d(100%, 0, 0);
// 下载按钮
downloadbtn()
    width: 60px;
    height: 40px;
    border-radius: 5px;
    background: #00b5bf;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    z-index: 10;
    outline: none;
    border: none;
    text-decoration: none;
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';